<?php
if(!defined('InEmpireCMS'))
{
	exit();
}
?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>[!--pagetitle--]</title>
     <link href="[!--news.url--]/skin/default/css/global.css" rel="stylesheet" type="text/css" />
    <link href="[!--news.url--]/skin/default/css/news.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
 <div id="menus">
<ul>
      <li><a href="[!--news.url--]">首页</a></li>
      <li><a href="[!--news.url--]act/">最新活动</a></li>
      <li><a href="[!--news.url--]tribe/">野人部落</a></li>
      <li><a href="[!--news.url--]e/member/sp/">我的空间</a></li>
      <li><a href="#">线路攻略</a></li>
      <li><a href="#">资讯知识</a></li>
      <li><a href="#">户外装备</a></li>
</ul>

 </div>
<form action="[!--news.url--]e/search/" method="post" class="search-frm" method="get">
<input type="hidden" name="searchget" value="2" />
<input type="hidden" name="tempid" value="1"/>
<input type="hidden" name="andor" value="and"/>
<input type="hidden" name="hh" value="LIKE,EQ,GE,LE,EQ"/>
<input type="hidden" name="tbname" value="actives"/>
<input type="hidden" name="show" value="title,start_city,start_time,end_time,active_type">
<input type="hidden" name="keyboard" class="search-keyboard" value="">
 <div id="city">
   <div class="hand"><a href="[!--news.url--]e/active/create/"><img src="[!--news.url--]/skin/default/pic/hand.jpg" alt="" title="" /></a></div>
   <p class="p"><a href="#" val="北京" class="first" style="display:none;">北京</a><a href="#" class="cityActive" val="北京">北京</a><a href="#"  val="深圳">深圳</a><a href="#"  val="广州">广州</a><a href="#"  val="">全国</a><a class="more-city" val="" href="#" ><span onclick='showSelectCity();'>更多城市</span></a></p>
   <p><select class="active_type"><option value=''>不限</option><option value='非营利'>非营利</option><option value='盈利'>盈利</option></select>城市：<input type="text" class="text Wdate stime" onClick="WdatePicker()"/>至<input type="text" class="text Wdate etime" onClick="WdatePicker()"/><input type="text" class="text long search-title" /><input type="submit" onclick="newMoveSubmit();" class="btn" value="搜索" /></p>
 </div>
</form>
</div>
<div id="main">
 <div id="mainborder">
   <div id="leftcontent">
     <div class="content">
       <div class="title title1"><h3>活动分类</h3></div>
       <div class="body">
         <ul class="category">
           <li><a href="#" class="active" val=''>全部</a></li>
           <li><a href="#" val="登山">登山</a></li>           
           <li><a href="#" val="徒步">徒步</a></li>
           <li><a href="#" val="野营">野营</a></li>           
           <li><a href="#" val="自驾">自驾</a></li>
           <li><a href="#" val="滑雪">滑雪</a></li>         
           <li><a href="#" val="环保公益">环保公益</a></li>
           <li><a href="#" val="户外体育">户外体育</a></li>
           <li><a href="#" val="聚会">聚会</a></li>          
         </ul>
       </div>
       <div class="bottom"></div>
     </div>
   </div>
   <div id="midcontent">
   <div class="content">
       <div class="title title1"><div class="t_r"><a href="#" val="-week">上周</a><a href="#"  val="week">本周</a><a href="#" val="month">一个月内</a><a href="#"  val="" class="weekActive">全部活动</a><select class="sortby"><option value="onclick" val="1">关注升序</option><option value="start_time" val="-1">发布时间降序</option><option value="start_time" val="1">发布时间升序</option><option value="together_time" val="-1">开始时间降序</option><option value="together_time" val="1">开始时间升序</option></select></div><h3>最新活动</h3></div>
       <div class="body">
          <ul class="activity" id="activity">
            </ul>
          <div class="page">[!--show.listpage--]</div>
       </div>
       <div class="bottom"></div>
     </div>
   </div>
   <div id="rightcontent">
     <div class="content">
       <div class="title title1"><a href="#" class="more" style="display:none;">+更多</a><h3>近期热门活动</h3></div>
       <div class="body">
         <ul class="order">
<? @sys_GetEcmsInfo('select * from phome_ecms_actives  Where checked=1 order by onclick desc',6,20,0,24,13,0);?>
              </ul>
       </div>
       <div class="bottom"></div>
     </div>
      <div class="content" style='display:none;'>
       <div class="title"> <a href="#" class="more">+更多</a><h3>部落之星</h3></div>
       <div class="body">
         <ul class="activity">
            <li>
             <a href="#"><img src="image/img02.jpg" alt="" title="" /></a>
             <div class="info">
               <p>一直走，四级活动组织家</p>
               <p>月度平均好评：100%</p>
               <p>累计108分</p>
             </div>
            </li>
            <li>
             <a href="#"><img src="image/img02.jpg" alt="" title="" /></a>
             <div class="info">
               <p>一直走，四级活动组织家</p>
               <p>月度平均好评：100%</p>
               <p>累计108分</p>
             </div>
            </li>
            <li>
             <a href="#"><img src="image/img02.jpg" alt="" title="" /></a>
             <div class="info">
               <p>一直走，四级活动组织家</p>
               <p>月度平均好评：100%</p>
               <p>累计108分</p>
             </div>
            </li>
            <li>
             <a href="#"><img src="image/img02.jpg" alt="" title="" /></a>
             <div class="info">
               <p>一直走，四级活动组织家</p>
               <p>月度平均好评：100%</p>
               <p>累计108分</p>
             </div>
            </li>
         </ul>
       </div>
       <div class="bottom"></div>
     </div>
     <div class="content">

    <? @sys_GetEcmsInfo('select * from phome_ecms_actives  Where checked=1 AND isgood =1 order by onclick desc',5,20,0,24,14,0);?>
</div>
   </div>
   <div class="clear"></div>
 </div>
 <div class="split"></div>
 <div id="footer">
  <div class="copyright">f
    <p><span>&copy;</span> 2011 www.yerenbang.org,all rights reserved</p>
    <p>京ICP备09031272号</p>
  </div>
  <a href="#">关于我们</a>|<a href="#">联系方式</a>|<a href="#">意见反馈</a>|<a href="#">友情链接</a>|<a href="#">网站地图</a> </div>
 <div id="bottommain"></div>
</div>
<dl style="z-index: 480; display: block;position:absolute;display:none;" class="oDiv" id="morecity">
	<dt><a  href="#" class="m_close select-city-close">&nbsp;</a>请选择城市 </dt>
	<dd class="blue">
	<div class="red">
		<span style="float: left;">	户外运动热门城市：
<a href="#">北京</a>
			<a href="#">南昌</a>
			<a href="#">重庆</a>
			<a href="#">深圳</a><br />
			<a href="#">青岛</a>
			<a href="#">济南</a>
		</span>
	</div>
	<div class="clear"></div>
	
	</dd>

</dl>

<script language="javascript" type="text/javascript" src="[!--news.url--]/skin/default/js/jquery-1.4.4.min.js"></script>
<script language="javascript" type="text/javascript" src="[!--news.url--]/skin/default/js/global.js"></script>
<script language="javascript" type="text/javascript" src="[!--news.url--]/skin/date/WdatePicker.js"></script>

<script>
$().ready(function(){
	 $(".category>li>a").click(function(){
		$(".category>li>.active").removeClass("active"); 
		$(this).addClass("active");
		loadHtml();
		return false;
	}) 
	loadHtml();
	$(".t_r>a").click(function(){
		$(".t_r>.weekActive").removeClass("weekActive");
		$(this).addClass("weekActive");
		loadHtml();
		return false;
	});
	$("#city>.p>a").not('.more-city').click(function(){
		$("#city>.p>.cityActive").removeClass("cityActive");
		$(this).addClass("cityActive");
		return false;
	});
	$(".sortby").change(function(){		
		loadHtml();		
	});
$(".select-city>b").click(function(){setCitySelect();});

});
function loadHtml(p){
	var stime='';//$(".stime").val();
	var etime='';//$(".etime").val();
	var title='';//$(".search-title").val();

	var city='';//$("#city>.p>.activecity").attr("val");
	var type=$(".category>li>.active").attr("val");
	var t_type=$(".t_r>.weekActive").attr("val")||"";
	var orderByCol=$(".sortby").val();
	var index=$(".sortby")[0].selectedIndex;
	var orderByType=$(".sortby>option").eq(index).attr("val");
	$("#activity").html("<div class='loading'><img src='[!--news.url--]/skin/default/images/hr_loading.gif' /></div>").load("../e/jat/act_list.php?type="+type+"&p="+(p?p:1)+"&stime="+stime+"&etime="+etime+"&city="+city+"&t_type="+t_type+"&orderByCol="+orderByCol+"&orderByType="+orderByType+"&title="+title);
}
function setCitySelect(){
   $(".select-city").addClass(".selecting-city");
   $(".select-city").append( $(".oDiv"));
   $(".oDiv").show();
   $(".select-city-close").click(function(){
      $(".select-city").removeClass(".selecting-city");
      $(".oDiv").hide();

 });
}
function setMoreCity(){

}
function closeCitySelect(){
}

 function bindact(){
	var type=$(".category>li>.active").html();
	var type=$(".t_r>li>.weekActive").attr("val");
	$(".activity").load("../e/jat/act_list.php");
 }
function newMoveSubmit(){	
	var city=$(".cityActive").attr("val");
	var title=$(".search-title").val();
	var stime=$(".stime").val();
	var etime=$(".etime").val();
	var type=$(".active_type").val();

		$(".search-keyboard").val((title||"")+","+(city||'')+','+(stime||"")+','+(etime||"")+','+(type||""));		
		return true;
}
function showSelectCity(){
	$(".more-city").append($(".oDiv"));
	$(".oDiv").show();
	$(".m_close").click(function(){
	  $(".oDiv").hide();
	});
	$("#morecity").find("a").not(".m_close").click(function(){
		$(".oDiv").hide();
		var h=$(this).html();
		$("#city>.p>.cityActive").removeClass('cityActive');
		$("#city>.p>.first").html(h).attr('val',h).show().addClass("cityActive");	
		return false;

	});
	return false;

}
</script>

</body>
</html>
